<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<!-- 1. 行级标签模式 - 该模式下 a 标签等同于 span -->
|
<a>a标签不添加 href 属性 => 行级标签模式</a>
|
<!-- 2. 行级导航模式 - 点击切换页面 - 指向资源 -->
<ol>
    <li>
        href="" ：<a href="">刷新当前页面</a>
    </li>
    <li>
<!-- 切换的锚点指向的元素，会被滚动到可视区域的第一行 -->
        href="#其它标签的ID属性描述" ：<a href="#a">锚点导航 - 快速滚动到当前页面指定标签位置</a>
    </li>
    <li>
        <!--
        html 方法存在两种方式
            1. file 协议访问 （本地文件访问-电脑的软件使用）
            2. http|https 协议访问 （服务器访问-受限于服务器规则）
        -->
        href="相对路径的任意文件地址【同服务器下】" ：<br>
        <a href="./01.基础标签.html">同服务器-基本标签.html</a> <br>
        <a href="../../../testHtml/02.标准结构.html">不在同服务器-基本标签.html</a>
    </li>
    <li>
        href="绝对路径【从服务器根目录以/描述】【项目或者模块文件夹】|网络路径【以非file协议开头的路径-不受服务目录影响】"<br>
        <a href="/html/03.内容标签.html">绝对路径【从服务器根目录以/描述】</a><br>
        <a href="https://www.baidu.com/">网络路径-百度</a>
    </li>
    <li>
        href="服务器资源文件" -【.mp3,.wma,.pdf,.word,.css,.html,.zip……】<br>
        资源文件的导航切换效果，取决于浏览器对该资源的支持，如果不支持该资源会自动启动下载功能 <br>
        <a href="../assets/img/loading.jpg">图片</a> <br>
        <a href="../assets/resource/zip.zip">zip</a>
    </li>
    <!--
        蓝字+下划线 => 从未访问
        红色+下划线 (按住鼠标左键不松) => 访问状态
        紫色+下滑线 => 已访问过状态
    -->
    <li>
        href="javascript:void(0)" 关闭导航功能 <br>
        <a href="javascript:void(0)">关闭导航功能</a> <br>
        <a href="javascript:">关闭导航功能</a>
    </li>
</ol>

<ul>
    <li>
        target="blank|_blank|_parent|_self|_top" <br>
            描述当前a标签进行了导航操作时，导航的目标页面的展示方式
    </li>
    <li>
        blank ：在新浏览器窗口打开导航页面，如果页面已经存在执行刷新操作 <br>
        <a target="blank" href="./03.内容标签.html">blank</a>
    </li>
    <li>
        _blank ：在新浏览器窗口打开导航页面 <br>
        <a target="_blank" href="./03.内容标签.html">_blank</a>
    </li>
    <li>
        _parent ：在父窗口打开导航页面，如果没有父窗口在当前窗口打开 <br>
        <a target="_parent" href="./03.内容标签.html">_parent</a>
    </li>
    <li>
        _self ：在当前窗口打开（默认） <br>
        <a target="_self" href="./03.内容标签.html">_self</a>
    </li>
</ul>

<hr>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--
    所有的HTML标签都具有id属性功能
    id 属性在 w3c 规范定义中，用于在一个HTML页面中**唯一**描述一个标签
    id 必须保持一个页面中的唯一性 =>
        html 可以同时为一个页面不同元素定义多个相同的id属性，但此时的id不具有功能性(JS)
-->
<h1 id="a">测试锚点</h1>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>
</body>
</html>







